<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>企业主页</title>
	<link href="css/iconfont.css" rel="stylesheet">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link href="css/header_public.css" rel="stylesheet">
	<link rel="stylesheet" href="css/footer.css"> 
	<!-- 悬浮层样式 -->
    <link rel="stylesheet" type="text/css" href="css/xuanfuceng.css" />  
    <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
	<script src="js/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<style>
		.all-client {
		    color: #666;
		    font-size: 14px;
		    display: inline-block;
		    width: 48%;
		    text-align: center;
		    margin: 0 auto 20px;
		    float: initial;
		}
		.all-client .iconfont {
		    margin-bottom: 0;
		    color: #666;
		    font-size: 30px;
		}
		.all-client .img-box {
		    width: 120px;
		    height: 135px;
		    bottom: 70px;
		}
		.all-client .img-box img {
		    width: 92px;
		    height: 92px;
		}
	</style>
</head>
<body style="background: #f1f2f6;">
<!-- 顶部导航 -->
<div class="header">
        <div class="h-logo">
            <a href="">
                <img src="images/logo.png" >
            </a>
        </div>
        <div class="h-navs">
            <div class="h-nav-btn">
                <a rel="nofollow" href="">模板中心</a>
                <div class="h-nav-temp">
                    <div class="h-nav-temp-cont">
                        <div class="h-nav-temp-top">
                            <span>每日更新<span class="sj-blue">1000+</span> 开通VIP可享受海量</span>
                            <a class="sj-btn" href="" target="_blank">开通个人VIP</a>
                        </div>
                        <ul class="h-nav-temp-temps">                                                                                             
                            <li>
                                <span class="temp-hot1 icon-media">
                                    <a rel="nofollow" href="">手机海报</a>
                                </span>
                                <ul class="h-nav-temp-subtemps">
                                    <li><a href="">节日节气</a></li>
                                    <li><a href="">宣传促销</a></li>
                                    <li><a href="">招聘纳新</a></li>
                                    <li><a href="">日签月签</a></li>
                                    <li><a href="">企业文化</a></li>
                                   <li><a href="">更多&gt;&gt;</a></li>
                                </ul>
                            </li>
                            <li>
                            <span class="temp-hot2 icon-paper">
                                <a href="">广告印刷</a>
                            </span>
                                <ul class="h-nav-temp-subtemps">
                                    <li><a href="">印刷海报</a></li>
                                    <li><a href="">宣传单</a></li>
                                    <li><a href="">名片</a></li>
                                    <li><a href="">竖版名片</a></li>
                                    <li><a href="">工作证</a></li>
                                    <li><a href="">更多&gt;&gt;</a></li> 
                                </ul>
                            </li>
                            <li>
                                <span class=" icon-ds">
                                    <a href=""> 新媒体配图</a>   
                                </span>
                                <ul class="h-nav-temp-subtemps">
                                    <li><a href="">公众号首图</a></li>
                                    <li><a href="">公众号次图</a></li>
                                    <li><a href="">朋友圈封面</a></li>
                                    <li><a href="">二维码</a></li>
                                    <li><a href="">课程封面</a></li>
                                    <li><a href="">更多&gt;&gt;</a></li> 
                                </ul>
                            </li>
                             <li>
                                <span class=" icon-print">
                                    <a href="">电商淘宝</a>
                                </span>
                                <ul class="h-nav-temp-subtemps">
                                    <li><a href="">淘宝banner</a></li>
                                    <li><a href="">直通车</a></li>
                                    <li><a href="">主图图标</a></li>
                                    <li><a href="">详情页</a></li>
                                    <li><a href="">首页</a></li>
                                    <li><a href="">更多&gt;&gt;</a></li> 
                                </ul>
                            </li>
                            <li>
                                <span class="temp-new icon-gif">
                                    <a href=""> GIF海报</a>
                                </span>
                                <ul class="h-nav-temp-subtemps">
                                    <li><a href="">节日节气</a></li>
                                    <li><a href="">日签月签</a></li>
                                    <li><a href="">餐饮美食</a></li>
                                    <li><a href="">宣传促销</a></li>
                                    <li><a href="">招聘纳新</a></li>
                                    <li><a href="">更多&gt;&gt;</a></li> 
                                </ul>
                            </li>
                            <li>
                                <span class=" ">
                                    <a href="">视频</a>
                                </span>
                                <ul class="h-nav-temp-subtemps">
                                    <li><a href="">节日祝福</a></li>
                                    <li><a href="">商品促销</a></li>
                                    <li><a href="">情感相册</a></li>
                                    <li><a href="">企业宣传</a></li>
                                    <li><a href="">党政机关</a></li>
                                    <li><a href="">更多&gt;&gt;</a></li> 
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="h-nav-btn" data-type="2">
                <a href="">热门分类</a>
                <div class="h-nav-temp h-nav-temp-down">
                    <ul>
                        <li><a href="">手机海报</a></li>
                        <li><a href="">GIF海报</a></li>
                        <li><a href="">电商淘宝</a></li>
                        <li><a href="">视频</a></li>
                        <li><a target="">裁剪神器</a></li>
                    </ul>
                </div>
            </div>
            <div class="h-nav-btn" data-type="1">
                <a href="">手机海报</a>
            </div>
            <div class="h-nav-btn" data-type="1">
                <a href="">GIF海报</a>
            </div>
            <div class="h-nav-btn" data-type="1">
                <a href="">视频</a>
                <span class="h-nav-icon h-nav-icon-new"></span>
            </div>
            <div class="h-nav-btn" data-type="1">
                <a href="">设计神器</a>
                <div class="h-nav-temp h-nav-temp-down">
                    <ul>
                        <li><a href="">裁剪神器</a></li>
                        <li><a href="">抠图神器</a></li>
                    </ul>
                </div>
            </div>
            <div class="h-nav-division"><span></span></div>
            <div class="h-nav-btn">
                <a href="">个人VIP</a>
                <span class="h-nav-icon"></span>
                <div class="h-nav-temp h-nav-temp-vip">
                    <ul class="h-nav-vip-auth">
                        <li class="h-nav-vip-title">
                            开通VIP即可获得
                        </li>
                        <li class="h-nav-vip-subtitle">
                            <span class="h-nav-line-left"></span>云端编辑海量下载 每天低至0.1元/天
                            <span class="h-nav-line-right"></span>
                        </li>
                        <li class="h-nav-vip-items">
                            <div>
                                <a href="">
                                    <img src="images/download.png" alt="">
                                    <span>高速下载</span>
                                </a>
                            </div>
                            <div>
                                <a href="">
                                    <img src="images/storage.png" alt="">
                                    <span>10G云端存储</span>
                                </a>
                            </div>
                            <div>
                                <a href="">
                                    <img src="images/hd.png" alt="">
                                    <span>无水印下载</span>
                                </a>
                            </div>
                            <div>
                                <a href="">
                                    <img src="images/collect.png" alt="">
                                    <span>海量收藏</span>
                                </a>
                            </div>
                        </li>
                        <li class="h-nav-vip-charge">
                            <a href="" class="h-nav-vip-btn">
                                <span class="h-nav-vip-icon"></span>
                                <span>开通个人VIP</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="h-nav-btn">
                <a href="">企业VIP</a>
                <span class="h-nav-icon"></span>
                <div class="h-nav-temp h-nav-temp-vip">
                    <div class="h-nav-temp-evip">
                        <p><span>设计坞</span> <span>企业VIP</span></p>
                        <div class="h-nav-temp-ebody">
                            <a href="">
                                <div class="h-nav-temp-etext">
                                    <p>企业VIP商用授权</p>
                                    <p>给公司用 让老板付钱</p>
                                </div>
                            </a>
                            <div class="h-nav-temp-eleft"></div>
                            <div class="h-nav-temp-eright"></div>
                        </div>
                        <div class="h-nav-temp-efoot">
                            <a href="" class="h-nav-temp-ebtn">立即开通</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="h-nav-btn">
                <a class="h-nav-btn-more"><span class="iconfont icon-diandiandian"></span></a>
                <div class="h-nav-temp h-nav-temp-down">
                    <ul>
                        <li><a href="">精品专题</a></li>
                        <li><a href="">设计师招聘</a></li>
                        <li><a href="">设计定制</a></li>
                        <li><a href="">软件教程</a></li>
                        <li><a href="">邀请活动</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="h-search">
            <input type="text" name="q" value=""  placeholder="100000+精选设计素材供你挑选" class="searchInput">
            <span class="iconfont icon-sousuo actionSearch"></span>
            <a href="" class="h-search-cancel "><span class="iconfont icon-guanbi2"></span></a>
            <div class="h-search-wrap">
                <div>
                    <div class="h-search-recent">
                        <span id="searchHistory">最近搜索: </span>
                    </div>
                    <ul class="h-search-items">
                        <li class="h-search-item h-search-hl ">
                            <a href="">
                                <span>五一劳动节</span>
                            </a>
                        </li>
                        <li class="h-search-item h-search-hl ">
                            <a href="">
                                <span>招聘</span>
                            </a>
                        </li>
                        <li class="h-search-item h-search-hl ">
                            <a href="">
                                <span>抗击疫情</span>
                            </a>
                        </li>
                        <li class="h-search-item  ">
                            <a href="">
                                <span>早安</span>
                            </a>
                        </li>
                        <li class="h-search-item  ">
                            <a href="">
                                <span>开业</span>
                            </a>
                        </li>
                        <li class="h-search-item  ">
                            <a href="">
                                <span>招生</span>
                            </a>
                        </li>
                        <li class="h-search-item  ">
                            <a href="">
                                <span>五四青年节</span>
                            </a>
                        </li>
                        <li class="h-search-item  ">
                           <a href="">
                                <span>春季促销</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="h-search-cata">
                <span>
                    <span class="select-show">全部</span>
                    <span class="iconfont icon-xiangxia"></span>
                </span>
                <ul class="h-search-cata-hover">
                    <li><a href="">全部</a></li>
                    <li><a href="">图片</a></li>
                    <li><a href="">动图</a></li>
                    <li><a href="">视频</a></li>
                </ul>
            </div>
        </div>
        <div class="h-info">
            <a class="h-login" href="">登录/注册</a>
        </div>
    </div>
<!-- /头部 -->
<div style="margin-top: 70px;">
	<div class="content clearfix startDesign-login">
		<!-- 左边 -->
		<div class="fl left ">
            <div class="header-box">
	            <img class="useravatar" src="images/touxiang.png">
	            <div class="header-info">
	                <span class="header-name">婷、驕傲┊</span>
	                <span class="header-id">(ID：1521572)</span>
	            </div>
	        </div>  
	        <a class="button choose" href="" >
	            <img src="images/06-01.png" alt=""></span> 我的设计
	        </a>
	        <a class="button " href="">
	            <img src="images/06-02.png" alt=""></span> 我的收藏
	        </a>
	        <a class="button " href="">
	            <img src="images/06-03.png" alt=""></span> 我的会员
	        </a>
	        <a class="button " href="">
	            <img src="images/06-04.png" alt=""></span> 企业主页
	        </a>
	        <a class="button " href="">
	            <img src="images/06-05.png" alt=""></span> 我的团队
	        </a>
	        <a class="button " href="">
	            <img src="images/06-06.png" alt=""></span> 我的分销
	        </a>
	        <a class="button " href="">
	            <img src="images/06-07.png" alt=""></span> 我的收益
	        </a>
	        <a class="button " href="">
	            <img src="images/06-08.png" alt=""></span> 我的信息
	        </a>
	        <a class="button " href="">
	            <img src="images/06-09.png" alt=""></span> 账号管理
	        </a>
	        <div class="mt-20" style="width: 80%;margin: auto;">
	        	<div class="all-client" pv-click="1388" _c="1388">
                    <a href="" target="_blank"></a>
                    <i class="iconfont icon-diannao"></i>
                    pc客户端
                </div>
                <div class="all-client" pv-click="1389" _c="1389">
                    <a href="" target="_blank"></a>
                    <i class="iconfont icon-shouji"></i>
                    手机APP
                </div>
                <div class="all-client" pv-hover="1391" _h="1391" _o="1929" pv-hover-out="1929">
                    <div class="img-box">
                        <img src="images/vx-code.jpg" alt="">
                        微信扫一扫
                    </div>
                    <i class="iconfont icon-weixin"></i>
                    公众号
                </div>
                <div class="all-client" pv-hover="1390" _h="1390" pv-hover-out="1913" _o="1913">
                    <div class="img-box">
                        <img src="images/xcx-code.jpg" alt="">
                        微信扫一扫
                    </div>
                    <i class="iconfont icon-xiaochengxu"></i>
                    小程序
                </div>          
	        </div>
	    </div>
	    <!-- /左边 -->
	    <!-- 右边 -->
	    <div class="start-right">
	    	<div class="start-enterprise">
	    		<div class="qy-title">企业主页</div>
	    		<div class="qy-content">
	    			<div style="clear: both;margin-bottom: 80px;">
	    				<div class="fl">
	    					<h2><img src="images/07-01.png" alt="" style="margin-right: 10px;width: 22px;">快设计企业商用授权-标准版</h2>
	    					<p class="daoqi">到期时间：2024年5月31日</p>
	    				</div>
	    				<button class="qy-bth">企业信息认证</button>
	    			</div>
	    			<div class="guanli">
	    				<div class="gl-title">企业商用授权管理</div>
	    				<div class="gl-content">
	    					<ul>
	    						<li style="display: block;margin-bottom: 10px;">
	    							<ul class="row">
	    								<li class="col-lg-4 col-md-4 text-left">
	    									<img src="images/07-02.png" alt="" style="width: 16px;margin-right: 8px;">
	    									<img class="touxiang" src="images/touxiang.png">
	    									<p class="name">韩思文</p>
	    									<span class="qy-id">(ID：23413254)</span>
	    								</li>
	    								<li class="col-lg-4 col-md-4 text-center">
	    									<p class="qy-xiazai">本月下载作品：<span class="number">5</span></p>
	    								</li>
	    								<li class="col-lg-4 col-md-4 text-right">
	    									<img src="images/07-03.png" alt="" style="width: 15px;">
	    									<p class="qy-xiazai">管理员</p>
	    								</li>
	    							</ul>
	    						</li>
	    						<li style="display: block;margin-bottom: 10px;">
	    							<ul class="row">
	    								<li class="col-lg-4 col-md-4 text-left">
	    									<img src="images/07-02.png" alt="" style="width: 16px;margin-right: 8px;">
	    									<img class="touxiang" src="images/touxiang.png">
	    									<p class="name">韩思文</p>
	    									<span class="qy-id">(ID：23413254)</span>
	    								</li>
	    								<li class="col-lg-4 col-md-4 text-center">
	    									<p class="qy-xiazai">本月下载作品：<span class="number">5</span></p>
	    								</li>
	    								<li class="col-lg-4 col-md-4 text-right">
	    									<img src="images/07-04.png" alt="" style="width: 15px;">
	    									<p class="qy-xiazai">管理员</p>
	    								</li>
	    							</ul>
	    						</li>
	    					</ul>
	    				</div>
	    			</div>
	    			<div class="qita">
	    				<h4 class="qy-more">更多服务</h4>
	    				<div>
	    					<ul>
	    						<li><a class="more1" href=""><img src="images/07-05.png" alt="">企业专属客服</a></li>
	    						<li><a class="more1" href=""><img src="images/07-06.png" alt="">查看特权</a></li>
	    					</ul>
	    				</div>
	    			</div>
	    		</div>
	    	</div>
	    </div>
	    <!-- /右边 -->
	</div>
</div>
     <!-- 悬浮层 -->
    <div class="side">
        <ul>
            <li class="sideewm"><i class="bgs1"></i>个人VIP
                <div class="ewBox son tp1"></div>
            </li>
            <li class="sideewm"><i class="bgs2"></i>企业VIP
                <div class="ewBox son tp2"></div>
            </li>
            <li class="sideewm"><i class="bgs3"></i>小程序
                <div class="ewBox son tp3">
                    <p>扫码打开作图小程序</p>
                    <div><img src="images/float_xcx_dtl.png"></div>
                </div>
            </li>
            <li class="sideewm"><i class="bgs4"></i>公众号
                <div class="ewBox son tp3">
                    <p>扫码打开官方公众号</p>
                    <div><img src="images/QRcodeDefault.jpg"></div>
                </div>
            </li>
            <li id="yuyueshow"><i class="bgs5"></i>赚钱</li>
            <li id="yuyueshow"><i class="bgs6"></i>反馈</li>
            <li class="sideetel"><i class="bgs7"></i>客服
                <div class="telBox son">
                    <dd class="bgs1">
                        <span style="color: #333;font-weight: 700;">在线客服</span>
                        工作日：9:00-22:00<br>节假日：10:00-18:00
                        <a class="lianxi" href="">联系客服</a>
                    </dd>
                    <dd class="bgs2">
                        <span style="color: #333;font-weight: 700;">企业定制客服QQ</span>
                        客服：1348341620
                        <a class="lianxi" href="">联系客服</a>
                    </dd>
                </div>
            </li>
            <li id="yuyueshow"><i class="bgs8"></i>设计定制</li>
            <li id="yuyueshow"><i class="bgs9"></i>邀请活动</li>
            <li id="yuyueshow"><i class="bgs10"></i>教程</li>
            <li class="sidetop" onClick="goTop()"><i class="bgs11"></i>返回顶部</li>
        </ul>
    </div>

    <script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
    <script>
        function goTop() {
            $('html,body').animate({
                scrollTop: 0
            }, 500)
        }
    </script>
   <!-- /悬浮层 -->
<!-- 模态框 -->
<div class="renzheng">
	<div class="box registration">
       <h2>企业认证VIP</h2>
        <div class="reg-content mt-30">
            <a href="javascript:void(0);" class="iconfont fr icon-guanbi login-box-close"></a>
            <form class="form-horizontal" role="form" style="padding: 0 40px 1px;">
				<div class="form-group">
					<label for="firstname" class="control-label qy-xinxi">公司名称：</label>
					<div style="display: inline-block;width: 334px;">
						<input type="text" class="form-control shuru" id="firstname" 
							   placeholder="请输入公司名称">
					</div>
				</div>
				<div class="form-group">
					<label for="firstname" class="control-label qy-xinxi">公司税号：</label>
					<div style="display: inline-block;width: 334px;">
						<input type="text" class="form-control shuru" id="firstname" 
							   placeholder="请输入公司税号">
					</div>
				</div>
				<div class="form-group">
					<label for="firstname" class="control-label qy-xinxi">您的姓名：</label>
					<div style="display: inline-block;width: 334px;">
						<input type="text" class="form-control shuru" id="firstname" 
							   placeholder="请输入您的姓名">
					</div>
				</div>
				<div class="form-group">
					<label for="firstname" class="control-label qy-xinxi">您的职位：</label>
					<div style="display: inline-block;width: 334px;">
						<input type="text" class="form-control shuru" id="firstname" 
							   placeholder="请输入您的职位">
					</div>
				</div>
				<div class="form-group">
					<label for="firstname" class="control-label qy-xinxi">联系电话：</label>
					<div style="display: inline-block;width: 334px;">
						<input type="text" class="form-control shuru" id="firstname" 
							   placeholder="请输入联系电话">
					</div>
				</div>
			</form>
            <div style="width: 100%;"><button class="queren">确认提交</button></div>
        </div>
	</div>
</div>
<!-- /模态框 -->
 <script type="text/javascript">
	$(function() {
		//弹窗
		$('.qy-bth').click(function() {
			$('.renzheng').show();
		})
		//关闭
		$('.login-box-close').click(function() {
			$('.renzheng').hide();
		})
		//关闭
		$('.queren').click(function() {
			$('.renzheng').hide();
		})		
			
	})
</script>
</body>
</html>